/* @import './iconfont.css'; */
.diy-dialog__wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  width: 100%;
  height: 100%;
  margin: 0;
  z-index: 1960;
  background-color: rgba(0, 0, 0, 0.2);
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.diy-dialog__wrapper .diy-dialog {
  position: relative;
  margin: auto;
  background: #fff;
  border-radius: 4rpx;
  box-sizing: border-box;
  width: 50%;
  padding: 40rpx;
}
.diy-dialog__wrapper .diy-dialog.has_shadow {
  box-shadow: 0 2rpx 6rpx rgba(0, 0, 0, 0.3);
}
.diy-dialog__wrapper .diy-dialog .diy-dialog__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16rpx;
}
.diy-dialog__wrapper .diy-dialog .diy-dialog__header .iconfonts {
  font-size: 44rpx!important;
  line-height: 44rpx;
  color: #999;
}
.diy-dialog__wrapper .diy-dialog .diy-dialog__header .top-right-close-btn {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: -20rpx;
  right: -20rpx;
  text-align: center;
  padding: 8rpx;
  border-radius: 50%;
  color: #999;
}
.diy-dialog__wrapper .diy-dialog .diy-dialog__header .bottom-center-close-btn {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0;
  right: 0;
  bottom: -44px;
  text-align: center;
  /* padding: 8px; */
  width: 56rpx;
  height: 56rpx;
  margin: auto;
  color: #737373;
  border-radius: 50%;
  border: 2rpx solid #737373;
}
.diy-dialog__wrapper .diy-dialog .diy-dialog__header .bottom-center-close-btn .iconfonts {
  font-size: 56rpx;
  line-height: 56rpx;
}
.diy-dialog__wrapper .diy-dialog .diy-dialog__body {
  position: relative;
  overflow-y: auto;
}
.diy-dialog__wrapper .diy-dialog .diy-dialog__body.diy-dialog-show::after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2000;
  background-color: rgba(255, 255, 255, 0.2);
  top: 0;
  left: 0;
}
.diy-dialog__wrapper .diy-dialog .diy-dialog__body::-webkit-scrollbar {
  width: 2rpx;
}
.diy-dialog__wrapper .diy-dialog .diy-dialog__footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.diy-dialog__wrapper .diy-dialog .diy-btn {
  display: inline-block;
  padding: 16rpx 26px;
  box-sizing: border-box;
  border: 2rpx solid #333;
  border-radius: 8rpx;
}
.diy-dialog__wrapper .diy-dialog .diy-btn + .diy-btn {
  margin-left: 20rpx;
}
